<template>
    <div class="flexWrapBetween select">
        <div class="label txtLine1" v-if="label">{{label}}</div>
        <div class="placeholder" v-else>{{placeholder}}</div>
        <i class="el-icon-arrow-down icon"></i>
    </div>
</template>
<script>
    export default {
        name: "select-input",
        props: {
            label: {
                type: String
            },
            value: {
                type: Number
            },
            placeholder: {
                type: String,
                default: '请选择'
            }
        },
        data() {
            return {

            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
.select {
    border: 1px solid #DCDFE6; border-radius: 4px;
    height: 30px; width: 100%; line-height: 30px;

    .label {margin: 0 20px; color: #606266; font-size: inherit; line-height: 30px}
    .placeholder {margin: 0 20px; color: #dcdfe6; font-size: inherit; line-height: 30px;}
    .icon {margin: 0 10px; line-height: 30px; font-size: 14px; color: #C0C4CC}
}
</style>
